body
{
    margin:0;
    font-family:arial;
}

header
{
    width:100%;
    height:120px;
    /*background-color:rgba(215, 215, 215, 0.90);*/
    z-index:100;
}
    header nav
    {
        width:65%;
        position:relative;
        margin:auto;
    }
        header nav img
        {
            width:300px;
            margin:20px 0px;
        }
        header nav a
        {
            text-decoration:none;
            color:black;
            transition-property:color;
            transition-duration:0.5s;
        }
        header nav a:hover
        {
            color:steelblue;
        }
        header nav a:visited
        {
            text-decoration:none;
        }
        header nav ul
        {
            margin:0;
            padding:0;
            display:inline-block;
        }
            header nav ul li
            {
                display:inline-block;
                padding:0px 30px 0px 0px;
            }
    #connexionHeader
    {
        position:absolute;
        right:0;
        bottom:0;
    }
section
{
    width:65%;
    margin:auto;
    padding:20px 0px 0px;
    position:relative;
}
    #connexionForm
    {
        width:50%;
        margin:auto;
    }
        #connexionForm fieldset
        {
            width:90%;
            margin:auto;
            position:relative;
        }
            #connexionForm fieldset button
            {
                position:absolute;
                right:10px;
                bottom:10px;
                border:1px solid rgb(80, 145, 17);
                border-bottom:1px solid #5b992b;
                background-color:rgb(104, 177, 47);
                background:-webkit-gradient(linear, left top, left bottom, from(rgb(104, 177, 47)), to(rgb(80, 145, 30)));
                background:-webkit-linear-gradient(top, rgb(104, 177, 47), rgb(80, 145, 30));
                background:-moz-linear-gradient(top, rgb(104, 177, 47), rgb(80, 145, 30));
                background:-ms-linear-gradient(top, rgb(104, 177, 47), rgb(80, 145, 30));
                background:-o-linear-gradient(top, rgb(104, 177, 47), rgb(80, 145, 30));
                background:linear-gradient(top, rgb(104, 177, 47), rgb(80, 145, 30));
                box-shadow:inset 0 1px 0 0 rgb(159, 213, 116);
                -webkit-box-shadow:0 1px 0 0 rgb(159, 213, 116) inset ;
                -moz-box-shadow:0 1px 0 0 rgb(159, 213, 116) inset;
                -ms-box-shadow:0 1px 0 0 rgb(159, 213, 116) inset;
                -o-box-shadow:0 1px 0 0 rgb(159, 213, 116) inset;
                color:white;
                font-weight:bold;
                padding:4px 15px;
                text-align:center;
                text-shadow:0 -1px 0 rgb(57, 103, 21);
            }
            #connexionForm fieldset button:hover
            {
                opacity:.85;
                cursor:pointer;
            }
            #connexionForm fieldset button:active
            {
                border:1px solid rgb(32, 145, 30);
                box-shadow:0 0 10px 5px rgb(53, 107, 11) inset;
                -webkit-box-shadow:0 0 10px 5px rgb(53, 107, 11) inset ;
                -moz-box-shadow:0 0 10px 5px rgb(53, 107, 11) inset;
                -ms-box-shadow:0 0 10px 5px rgb(53, 107, 11) inset;
                -o-box-shadow:0 0 10px 5px rgb(53, 107, 11) inset;
            }
            #wrongId
            {
                color:darkred;
            }
            #connexionLabel
            {
                display:inline-block;
                width:30%;
            }
                #connexionLabel label
                {
                    display:inline-block;
                    margin:10px 0px 0px;
                }
            #connexionInput
            {
                display:inline-block;
            }
                #connexionInput input
                {
                    margin:10px 0px 0px;
                    border:1px solid rgb(160, 160, 160);
                    box-shadow:0 0 3px rgb(220, 220, 220), 0 10px 10px rgb(240, 240, 240) inset;
                    width:120%;
                    height:20px;
                }
                #connexionInput input:focus
                {
                    border:1px solid rgb(120, 120, 120);
                    box-shadow:0 0 3px rgb(50, 50, 50);
                }
    section article
    {
        display:inline-block;
        margin:0;
    }
    section aside
    {
        display:inline-block;
        position:absolute;
        right:0;
    }
    .blueberry
    {
        margin:0;
        padding:0;
/*        position:relative;
        left:0;
        top:0;*/
        width:100%;
        background-color:graytext;
        border-top:4px solid grey;
    }
    .slides
    {
        margin:0;
        padding:0;
    }
table
{
    border-collapse:collapse;
}
th, td
{
    padding:5px;
}
th
{
    text-align:center;
}
table, th, td
{
    border-color:grey;
}